.carousel {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin: auto;
}

.carousel-item {
  flex: 0 0 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease;
}

.carousel-item.active {
  transform: translateX(0);
}

.carousel-item.inactive {
  transform: translateX(-100%);
}